<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    #baseDiv {
        width: 90%;
        height: 10%;
        position: absolute;
        top: 8%;
        left: 50px;
        border-style: dashed;
        border-width: 1px;
        border-color: #33CCFF;
    }

    #div1 {
        width: 100px;
        height: 30px;
        background: #3cf;
        position: relative;
        top: -15px;
        left: 0px;
        line-height: 30px;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        font-weight: bold;
    }
    /*https://blog.csdn.net/cuiyaoqiang/java/article/details/51610727*/
</style>
<body>
<div id="baseDiv">
    <div id="div1">基本信息</div>
    <span>IP:</span>
    <input type="text" disabled="disabled" value="127.0.0.1">
    <span>本次历时:</span>
    <input type="text" disabled="disabled" value="0">>
</div>

</body>

</html>